<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
    <!-- 2.引入Vue文件 -->
    <script src="./js/vue.js"></script>
</head>

<body>
	<pre>
	1、三个指令
	v-text :填充的是纯文本
	v-html:填充纯文本，以及html片段
	因为会对代码进行解析，所以存在安全性问题
	只推荐在可信赖的网站内部进行使用
	v-pre:展示原数据，跳过编译
	</pre>
	<div id="app">
	<div>{{name}}</div>
	<div v-text="name"></div>
	<div v-html="info"></div>
	<div v-pre>{{name}}</div>
	</div>
	<script>
	var vm=new Vue({
	el:'#app',
	data:{
	name:'Tom',
	info:'<h1>我的名字</h1>'
	}
	})
	</script>
</body>

</html>